Component({
  //组件外接状态
  properties: {
    themeIndex:{        //主题索引状态：
      type:Number       //组件会通过这个索引改变自身css主题样式
    },
    isShowing:{         //显示状态：
      type:Boolean,     //组件的显示或隐藏状态切换会触发产生平移的css效果
      value:true
    },
    position:{          //位置状态：
      type:String,      //当位置状态为bottom，隐藏组件会触发下移的css效果
      value:"top"
    },
    shopcartNum:{       //购物车数量状态:
      type:Number,      //这个组件不承载购物车数据，只有显示购物车中商品数量功能
      value:0
    }
  },
  //组件初始状态
  data: {
    isShowingSearchBar:false,     //搜索框显示状态
    isShowingMainNavList:false,   //导航栏显示状态
    themeList:[],                 //css主题样式名称列表
    navigatorList:{               //导航栏导航地址列表
      '互动':{
        '所有产品':'/pages/goodsList/goodsList',
        '艺术推荐':'/pages/actRecommend/actRecommend',
        '画廊':'/pages/gallery/gallery',
        '活动':'/pages/activity/activity'
      },
      '介绍':{
        '关于':'/pages/about/about',
        '支持':'/pages/support/support'
      },
      '个人':{
        '购物车':'/pages/shopcart/shopcart',
        '我的账户':'/pages/account/account',
        '订单':'/pages/order/order'
      }
    },
    hotwords:[{         //热搜词列表
      special:'古典',
      normal:['生活','孩子','风景','抽象']
    }],
    isSearching:false   //搜索按钮防抖
  },
  methods: {
    //bindTapExchangeNavListShow 点击显示导航栏响应函数
    bindTapExchangeNavListShow(){
      var that = this;
      this.setData({
        isShowingMainNavList:!that.data.isShowingMainNavList
      })
    },
    //bindTapExchangeSearchBarShow 点击显示搜索框响应函数
    bindTapExchangeSearchBarShow(){
      var that = this;
      this.setData({
        isShowingSearchBar:!that.data.isShowingSearchBar
      });
    },
    //bindTapNavigator 导航栏点击跳转响应函数
    bindTapNavigator(e){
      if((getApp()).isLogined() == 0) return;//检查是否登录
      var theUrl = e.target.dataset.url;
      wx.navigateTo({
        url: theUrl,
      });
    },
    //bindTapNavigatorToIndex 点击跳转到主页面响应函数
    bindTapNavigatorToIndex(){
      wx.reLaunch({
        url: '/pages/index/index',
      });
    },
    //bindTapNavigatorToShopcart 点击跳转到购物车页面响应函数
    bindTapNavigatorToShopcart(){
      if((getApp()).isLogined() == 0) return;//检查是否登录
      wx.navigateTo({
        url: '/pages/shopcart/shopcart',
      });
    },
    //onTextareaInput 搜索框输入响应函数
    onTextareaInput(e){
      this.setData({
        searchText:e.detail.value
      });
    },
    //bindTapSearch 搜索按钮点击响应函数
    bindTapSearch(){
      if(this.data.isSearching | this.data.searchText.length==0) return;
      this.setData({isSearching:true});
      setTimeout(()=>{
        this.setData({isSearching:false});
      },1000);
      wx.navigateTo({
        url: '/pages/goodsList/goodsList'
      });
      (getApp()).globalData.searchKeyword = this.data.searchText;
    }
  },
  lifetimes:{
    created:function(){
      this.setData({themeList:(getApp()).globalData.themeList})//获取主题列表
    }
  }
})